
import {  Tag } from '@arco-design/web-react';
const TagLists = ({ tagList, tagClick, addTagOne ,deleteOne }) => {
    return (
        <div className='flex mt-10 flex-wrap max-h-96 overflow-y-auto'>
            {tagList.map((item, index) => {
                return <Tag color='arcoblue' onClick={() => tagClick(index)} bordered={item.checked}
                    className="cursor-pointer mx-5 mt-5" key={item.name} onMouseEnter={()=>{addTagOne && addTagOne(item.name)}}
                    onMouseLeave={() => deleteOne&& deleteOne(item.name)}>
                    {item.name}
                </Tag>
            })
            }
        </div>
    )
}

export default TagLists;